<template>
  <div>
      <div id="nav">
      <router-link to="/home">
      <van-icon name="wap-home-o" size=".25rem"  /><br><span>首页</span>
      </router-link>
      <router-link to="/decorate">
      <van-icon name="desktop-o" size=".25rem" /><br><span>装修</span>
      </router-link>
      <router-link to="/near">
      <van-icon name="location-o" size=".25rem" /><br><span>附近</span>
      </router-link>
      <router-link to="/collection">
      <van-icon name="star-o" size=".25rem" /><br><span>收藏</span>
      </router-link>
      <router-link to="/my">
      <van-icon name="contact" size=".25rem"/><br><span>我的</span>
      </router-link>
      </div>
  </div>
</template>

<script>
export default {
    
}
</script>
  
<style scoped>
 #nav{
        width: 100%;
        position: fixed;
        bottom: 0;
        text-align: center;
        background-color: white;
        z-index: 1000;
 }
 div{   
      /* font-size: .1rem; */
       display: flex;
        justify-content: space-around;
    }
    a{
    text-decoration: none;
    color: #000;
}
router-link{
   flex: 1;
}
/* div .router-link-exact-active{
  color:#5fc48c;
} */
span{
  color: #000;
}
</style>